.eh-search {
  position: relative;
  display: flex;
  input::-webkit-input-placeholder {
    color: #bbb;
  }
  input:-ms-input-placeholder {
    // IE10+
    color: #bbb;
  }
  input:-moz-placeholder {
    // Firefox4-18
    color: #bbb;
  }
  input::-moz-placeholder {
    // Firefox19+
    color: #bbb;
  }
  input {
    width: 200px;
    height: 30px;
    line-height: 30px;
    background: #e6e7ea;
    border-radius: 4px;
    border: 1px solid #e9ecf4;
    outline: none;
    padding-left: 10px;
    text-align: left;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    letter-spacing: -0.34px;
    border: 0;
    color: #333;
  }
  .icon {
    position: absolute;
    right: 10px;
    top: 1px;
    color: #999;
    line-height: 30px;
  }
}

:host {
  background: #fff;
  display: block;
  min-height: calc(100vh - 60px - 161px);
}

.bg {
  width: 100%;
  background: #fff;
  // height: calc(100vh - 60px - 161px);
}

mat-card {
  padding: 30px 20px;
  mat-card-header {
    /deep/ .mat-card-header-text {
      width: 100%;
      margin: 0;
    }
  }
  mat-card-title {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #333333;
    letter-spacing: -0.58px;
    margin-bottom: 0;
    height: 60px;
    line-height: 60px;
  }
}

.eh-table {
  width: 100%;
  /deep/ thead {
    tr.mat-header-row {
      height: 44px;
      th {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #999999;
        letter-spacing: -0.29px;
        text-align: right;
        border-bottom: 2px solid #a4afd2;
        text-align: right;
        .mat-sort-header-container {
          justify-content: flex-end;
        }
        .mat-sort-header-arrow {
          transform: translateY(0px) !important;
          opacity: 1 !important;
        }
        &.mat-column-action {
          padding-right: 42px;
        }
        &:first-child {
          text-align: left;
          padding-left: 0;
          .mat-sort-header-container {
            justify-content: flex-start;
          }
          & + th {
            text-align: left;
            .mat-sort-header-container {
              justify-content: flex-start;
            }
          }
        }
        &:last-child {
          padding-right: 0;
        }
      }
    }
  }
  /deep/ tbody {
    tr.mat-footer-row,
    tr.mat-row {
      height: 55px;
      td {
        text-align: right;
        border-bottom: 1px solid #f1f3fa;
        &.mat-column-action {
        }
        &:first-child {
          text-align: left;
          padding-left: 0;
          & + td {
            text-align: left;
          }
        }
        &:last-child {
          padding-right: 0;
        }
      }
    }
  }
}

.container {
  // width: 1200px;
  width: calc(100% - 40px);
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 100%;
  padding: 0 20px;
}

.panel-table {
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 20px;

  mat-card-title {
    height: 50px;
    line-height: 50px;
  }

  .toggle {
    font-size: 16px;
  }
}

.panel-info {
  background: #ffffff;
  box-shadow: 0 0 5px 0 rgba(51, 51, 51, 0.2);
  border-radius: 8px;
  margin-bottom: 5px;
  margin-top: 20px;
  .icon {
    color: rgb(247, 147, 26);
  }
  .lt {
    margin-right: 50px;
    .h {
      font-family: PingFangSC-Medium;
      font-size: 24px;
      color: #333333;
      letter-spacing: -0.58px;
    }
    .b {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #333333;
      letter-spacing: -0.34px;
      margin-top: 13px;
    }
  }

  .rt {
    .h {
      margin-bottom: 19px;
      margin-top: 6px;
    }
    .b {
      .eq {
        .i {
          &:first-child {
            margin-bottom: 7px;
          }
          .l {
            width: 110px;
            font-family: PingFangSC-Regular;
            font-size: 14px;
            color: #999999;
            letter-spacing: -0.34px;
          }
          .r {
            font-family: PingFangSC-Regular;
            font-size: 16px;
            color: #333333;
            letter-spacing: -0.39px;
          }
        }
      }
      .normal {
        .i {
          &:first-child {
            margin-bottom: 7px;
          }
          .l {
            width: 110px;
            font-family: PingFangSC-Regular;
            font-size: 14px;
            color: #999999;
            letter-spacing: -0.34px;
            text-align: right;
            margin-right: 47px;
          }
          .r {
            font-family: PingFangSC-Regular;
            font-size: 16px;
            color: #333333;
            letter-spacing: -0.39px;
          }
        }
      }
    }
  }
}
// %input :host /deep/ mat-form-field {
//   background: red;
// }
